import React from "react";
import { MyNavBar } from "../../../../components";
import MyCard from "../../../../components/myCard";
import idCardFront from "../../../../assets/images/image/hdpi/id_card_front.png";
import bankCard from "../../../../assets/images/image/hdpi/bank_card_front.png";
import style from "./style.module.scss";
import { useNavigate } from "react-router-dom";

const Index: React.FC = () => {
  const navigate = useNavigate();
  return (
    <>
      <MyNavBar title="绑定信息" onClickLeft={() => navigate(-1)}></MyNavBar>
      <div className={style.content}>
        <div className={style.tit}>
          <span>身份证</span>
        </div>
        <MyCard
          backgroundImg={idCardFront}
          overlayContent={
            <div className={style.uploadInfo}>绑定身份证&gt;&gt;</div>
          }
          onClick={() => {
            navigate("/my/wallet/bind/IDcard");
          }}
        ></MyCard>
        <div className={style.tit}>
          <span>银行卡</span>
        </div>
        <MyCard
          backgroundImg={bankCard}
          overlayContent={
            <div className={style.uploadInfo}>绑定银行卡&gt;&gt;</div>
          }
          onClick={() => {
            navigate("/my/wallet/bind/bankcard");
          }}
        ></MyCard>
      </div>

      <div className={style.bot}>如需更改银行卡信息 请致电000-5967432</div>
    </>
  );
};
export default Index;
